<template>
  <!-- 大盒子 -->
  <div class="song-box">
    <!-- 左边 -->
    <div class="song-l">
      <LeftAlbumPage/>
    </div>
    <!-- 右边 -->
    <div class="song-r">
        <RightAlbumPage/>
    </div>
  </div>
</template>

<script>
import LeftAlbumPage from "./LeftAlbumPage";
import RightAlbumPage from "./RightAlbumPage";
export default {
    name: "AlbumPage",
  components: {
    LeftAlbumPage,
    RightAlbumPage
  },
  //
};
</script>

<style lang="less" scoped>
.song-box {
  width: 984px;
  background-color: aquamarine;
  margin: 0 auto;
  display: flex;
  // 左边
  background-color: rgb(255, 255, 255);

  .song-l {
    width: 730px;
    border: 2px solid rgb(212, 212, 212);
    border-right: none;
  }
  //   右边
  .song-r {
    width: 254px;
    border: 2px solid rgb(212, 212, 212);
  }
}
</style>
